import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { resolve } from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    // 自动补全文件扩展名
    extensions: [".js", ".jsx", ".ts", ".tsx"],
    // 路径别名 - 配合tsconfig.json中path一起使用
    alias: {
      "@": resolve(__dirname, "./src"),
      "@api": resolve(__dirname, "./src/api"),
      "@comps": resolve(__dirname, "./src/components"),
      "@pages": resolve(__dirname, "./src/pages"),
    },
  },
  server: {
    // 代理服务器
    proxy: {
      // 将来以/app-dev开头的请求，就会被开发服务器转发到目标服务器去。
      "/app-dev": {
        // 需要转发的请求前缀
        target: "http://syt-api.atguigu.cn", // 目标服务器地址
        changeOrigin: true, // 允许跨域
        rewrite: (path) => path.replace(/^\/app-dev/, ""), // 路径重写
      },
    },
  },
});
